<!DOCTYPE html>
<html>
<head>
  <style>
div { 
position:absolute; 
}
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
	<button id="left">&laquo;</button> <button id="right">&raquo;</button>
<div class="content-item">
      <p>Title: Lorem ipsum dolor sit amet, ut turpis sagittis, nec placerat, molestie convallis. Mattis et delectus, nullam cras et, faucibus ultrices. Nunc elit, tellus vulputate eros. Leo wisi, luctus pretium. Platea arcu, in natoque non, ipsum eu vivamus.</p>
      <p>Description: Justo dictumst, aliquam metus. Libero sed vivamus, cursus felis etiam. Eu nonummy vestibulum, class excepturi. Nulla tincidunt urna. Phasellus ac lacus, sit eu massa. Velit pretium purus. Rem ac porta.</p>
    </div>

<script>
$("#right").click(function(){
  $(".content-item").animate({"left": "+=50px"}, "slow");
});

$("#left").click(function(){
  $(".content-item").animate({"left": "-=50px"}, "slow");
});

</script>
</body>
</html>